.myFavourite-content {
    font-size: 18px;
    line-height: 38px;
}
.myFavourite-content .kmi-layout-main-content {
    display: flex;
    flex-direction: column;
}
.myFavourite-content .kmi-layout-page {
    height: 100%;
    padding: 0;
}
.myFavourite-content .menu-panel {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 16px;
}
.myFavourite-content .menu-panel .catrgory-list {
    display: flex;
    flex-direction: column;
}
.myFavourite-content .menu-panel .menu-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    height: 50px;
    display: flex;
    align-items: center;
    margin: 0 0 8px 0;
}
.myFavourite-content .program-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.myFavourite-content .menu-panel .program {
    box-sizing: border-box;
    width: 250px;
    height: 50px;
    display: flex;
    align-items: center;
    margin: 0 8px 8px 0;
    padding: 0 16px;

    border: 1px solid #ececec;
    border-radius: 4px;
}
.myFavourite-content .menu-panel .program .icon.on {
    display: none;
}
.myFavourite-content .menu-panel .program .icon.off {
    display: block;
}
.myFavourite-content .program-component .icon.flag {
    border-radius: 4px 0 0 0;
    background: #2889FE;
    width: 16px;
    height: 16px;
    clip-path: polygon(0% 0, 100% 0%, 0 100%, 0 100%);
    align-self: flex-start;
    min-width: 16px;
    position: absolute;
    left: 0;
}
.myFavourite-content .menu-panel .program .title {
    line-height: initial;
    margin: 0 0 0 8px;
    
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.myFavourite-content .menu-panel .program.is-select {
    width: 250px;
    height: 50px;
    background: #2889fe;
    border-radius: 4px;
    color: #fff;
}
.myFavourite-content .menu-panel .program.is-select .icon.on {
    display: block;
}
.myFavourite-content .menu-panel .program.is-select .icon.off {
    display: none;
}
.myFavourite-content .bottom-panel {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 0 0 auto;
}
.myFavourite-content .bottom-panel .confirm-btn {
    width: 150px;
    height: 50px;
    background: #ffb037;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
    border-radius: 8px;

    color: #fff;
    border: none;
    font-size: 18px;
    line-height: 38px;
    margin: 16px;
    transition: all 300ms ease-in-out;
}
.myFavourite-content .bottom-panel .confirm-btn:disabled {
    background: #ececec;
    color: #fff;
}

/* empty-page */
.myFavourite-content .empty-page {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.myFavourite-content .empty-page .title {
    font-size: 18px;
    line-height: 50px;
}
.myFavourite-content .empty-page .add-btn {
    position: absolute;
    right: 0px;
    bottom: 16px;
    background: #ffb037;
    width: 70px;
    height: 70px;
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.3);
    border-radius: 8px 0px 0px 8px;
    border: none;
}
/* main-page */
.myFavourite-content .main-page {
    padding: 0 0 16px 16px;    
    overflow: auto;
}
.myFavourite-content.main .kmi-layout-page{
    background-image: url(../../../../image/smes_v340/backgroung.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom right;
}
.myFavourite-content .main-page .catrgory-list {
    display: flex;
    flex-direction: column;
}
.myFavourite-content .main-page .module-title {
    margin: 16px 0 0 0;
}
.myFavourite-content .program-component {
    width: 250px;
    height: 70px;
    margin: 8px 8px 0 0;
    
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    position: relative;
}
.myFavourite-content .program-component .icon > img{
    width: 32px;
    height: 32px;
}
.myFavourite-content .program-component .title{
    display: block;
    margin: 0 0 0 8px;
    width: 100%;

    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: initial;
}
.myFavourite-content .program-component .option{
    margin: 0 0 0 8px;
}
.myFavourite-content .edit-btn {
    position: absolute;
    right: 0px;
    bottom: 16px;
    background: #fff;
    width: 70px;
    height: 70px;
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.3);
    border-radius: 8px 0px 0px 8px;
    border: none;
}

.myFavourite-content .program-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.myFavourite-content .add-page .menu-panel .program-component {
    width: 250px;
    height: 50px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    border: 1px solid #ececec;
    margin: 0 8px 8px 0;
}
.myFavourite-content .sub-tag-content .sub-tag-title .report-column-title,
.myFavourite-content .module .module-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 50px;
    margin: 16px 0 0 0;
}
.myFavourite-content .no-sub-tag-margin {
    margin: 16px 0 0 0;
}